﻿<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="x-ua-compatible" content="IE=edge">
  <title>Swagger UI</title>
  <link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32" />
  <link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16" />
  <script src='lang/lang.js' type='text/javascript'></script> 
  <link href='css/typography.css' media='screen' rel='stylesheet' type='text/css'/>
  <link href='css/reset.css' media='screen' rel='stylesheet' type='text/css'/>
  <link href='css/screen.css' media='screen' rel='stylesheet' type='text/css'/>
  <link href='css/reset.css' media='print' rel='stylesheet' type='text/css'/>
  <link href='css/print.css' media='print' rel='stylesheet' type='text/css'/>
  <link href='css/ext.css' media="screen" rel='stylesheet' type='text/css'/>

  <script src='lib/object-assign-pollyfill.js' type='text/javascript'></script>
  <script src='lib/jquery-1.8.0.min.js' type='text/javascript'></script>
  <script src='lib/jquery.slideto.min.js' type='text/javascript'></script>
  <script src='lib/jquery.wiggle.min.js' type='text/javascript'></script>
  <script src='lib/jquery.ba-bbq.min.js' type='text/javascript'></script>
  <script src='lib/handlebars-4.0.5.js' type='text/javascript'></script>
  <script src='lib/lodash.min.js' type='text/javascript'></script>
  <script src='lib/backbone-min.js' type='text/javascript'></script>
  <script src='swagger-ui.js' type='text/javascript'></script>
  <script src='lib/highlight.9.1.0.pack.js' type='text/javascript'></script>
  <script src='lib/highlight.9.1.0.pack_extended.js' type='text/javascript'></script>
  <script src='lib/jsoneditor.min.js' type='text/javascript'></script>
  <script src='lib/marked.js' type='text/javascript'></script>
  <script src='lib/swagger-oauth.js' type='text/javascript'></script>
  <script src='lib/jquery.sieve.min.js' type='text/javascript'></script>

  <!-- Some basic translations -->
  <script src='lang/translator.js' type='text/javascript'></script>   
  <!-- <script src='lang/ru.js' type='text/javascript'></script> -->
  <!-- <script src='lang/en.js' type='text/javascript'></script> -->

  <script type="text/javascript">
    $(function () {
        var url = window.location.search.match(/url=([^&]+)/);

        //if (url && url.length > 1) {
        //    url = decodeURIComponent(url[1]);
        //} else {
        //    url = "https://" + window.location.host + "/swagger/docs/Admin";
        //    //url = "http://localhost:9460/swagger/docs/Admin";
        //}    

        var protocolStr = document.location.protocol;
        if (url && url.length > 1) {
            url = decodeURIComponent(url[1]);
        }
        else if (protocolStr == "http:") {
            url = "http://";
        }
        else if (protocolStr == "https:") {
            url = "https://";
        }

        url = url + window.location.host + "/swagger/docs/Admin"

        //alert(url);
      

      hljs.configure({
        highlightSizeThreshold: 5000
      });

      // Pre load translate...
      if(window.SwaggerTranslator) {
        window.SwaggerTranslator.translate();
      }      
      window.swaggerUi = new SwaggerUi({
        url: url,
        dom_id: "swagger-ui-container",
        supportedSubmitMethods: ['get', 'post', 'put', 'delete', 'patch'],
        //字符集设置，en:英文,zh_CN:中文        
        locale:"zh_CN",
        onComplete: function(swaggerApi, swaggerUi){
          if(typeof initOAuth == "function") {
            initOAuth({
              clientId: "your-client-id",
              clientSecret: "your-client-secret-if-required",
              realm: "your-realms",
              appName: "your-app-name",
              scopeSeparator: ",",
              additionalQueryStringParams: {}
            });
          }

          if(window.SwaggerTranslator) {
            window.SwaggerTranslator.translate();
          }

          $("pre code").each(function(i,e){
            hljs.highlightBlock(e);
          });

          var searchTemplate="<div class='filter'><fieldset class='search'><input type='text' placeholder='查询方法 '/><button type='submit'><i class='icon-search'></i></button></fieldset></div>";

          $("#swagger-ui-container").find(">div>ul").sieve({
            itemSelector:"li",
            searchTemplate:searchTemplate
          });

          $(".filter input").on("keypress",function(){
            $("#resources >li > ul.endpoints").show();
            //$(".options li").show();
          })
        },
        onFailure: function(data) {
          log("Unable to Load SwaggerUI");
        },
        docExpansion: "none",
        //模块排序
        apisSorter:"alpha",
        //模块内部方法排序
        operationsSorter:"method",
        //方法响应排序
        operationResponsesSorter:"sortWeight",
        jsonEditor: false,
        defaultModelRendering: 'schema',
        showRequestHeaders: false,
        showOperationIds: false
      });

      window.swaggerUi.changApiKey=function(value){
        var key=value;
        if(key&&key.trim()!=""){
          var apiKeyAuth=new SwaggerClient.ApiKeyAuthorization("Authorization",key,"header");
          window.swaggerUi.api.clientAuthorizations.add("api_key",apiKeyAuth);
          log("added key "+key);
        }
      }

      function addApiKeyAuthorization(){
        var key=encodeURIComponent($("#input_apiKey")[0].value);
        if(key&&key.trim()!=""){
          var apiKeyAuth=new SwaggerClient.ApiKeyAuthorization("api_key",key,"query");
          window.swaggerUi.api.clientAuthorizations.add("api_key",apiKeyAuth);
          log("added key "+key);
        }
      }

      $("#input_apiKey").change(addApiKeyAuthorization);

      window.swaggerUi.load();

      function log() {
        if ('console' in window) {
          console.log.apply(console, arguments);
        }
      }

      //$("#language").change(function(){
      //  window.swaggerUi.setLocale($("#language").val());
      //  window.swaggerUi.load();
      //})
  });
  </script>
</head>

<body class="swagger-section">
<div id='header'>
  <div class="swagger-ui-wrap">
    <a id="logo" href="#"><img class="logo__img" alt="swagger" height="30" width="30" src="images/logo_small.png" /><span class="logo__title">swagger</span></a>
    <form id='api_selector'>
     
      <div class='input' style="display:none;"><input placeholder="http://example.com/api" id="input_baseUrl" name="baseUrl" type="text"/></div>
      <div id="menubar"></div><!--menubar-->

      <!--<div id='auth_container'></div>-->
      <div class='input' style="display:none;"><a id="explore" class="header__btn" href="#" data-sw-translate>Explore</a></div>
      <!--<div class="input">
        <select id="language">
          <option value="zh_CN">中文(简体)</option>
          <option value="en">English</option>          
        </select>
      </div>-->
    </form>
  </div>
</div>

<div id="message-bar" class="swagger-ui-wrap" data-sw-translate>&nbsp;</div>
<div id="swagger-ui-container" class="swagger-ui-wrap"></div>
</body>
</html>
